<template>
<div>
    <div class="app-head">
<div class="app-head-inner">
    <router-link to="/">
        <img src="../assets/logo.png" alt=""/>
    </router-link>
<span>专注于机器学习与计算机视觉领域，深度学习领域一线实战专家。</span>
<div class="head-nav">
<ul>
<li>登录</li>
<li class="nav-pile">|</li>
<li>注册</li>
<li class="nav-pile">|</li>
<li>关于</li>
</ul>
</div>

</div>
</div></div>
</template>
<script>
export default{
    name:'tou',
    data(){
        return{

        }
    }
}
</script>
<style scoped>
.app-head{
    background:#000;
    color:#b2b2b2;
    height:90px;
    line-height:90px;
    width:100%;
}
.app-head-inner{
    width:1200px;
    margin:0 auto;
}
.head-log{
    float:left;
}
.app-head-inner span{
    position:relative;
    top:-20px;
}
.app-head-inner img{
    width:50px;
    margin-top:20px;
}
.head-nav{float:right;}
.head-nav ul{overflow:hidden;}
.head-nav li{cursor:pointer;float:left;}
.nav-pile{padding:0 10px;}
</style>